/**
 * Created by Arley on 2016/12/1.
 *  @version v1.5
 */
@charset "UTF-8";

/**
 *   Basic CSS
 *   Please don't change this part of the code;
 *   Basic begin.
 */

@import "variate.less";

/************** 城市选择插件 *************/
* { -ms-word-wrap: break-word; word-wrap: break-word; }
html { -webkit-text-size-adjust: none; text-size-adjust: none; }
html, body {height:100%;width:100%; }
html, body, h1, h2, h3, h4, h5, h6, div, ul, ol, li, dl, dt, dd, iframe, textarea, input, button, p, strong, b, i, a, span, del, pre, table, tr, th, td, form, fieldset, .pr, .pc { margin: 0; padding: 0; word-wrap: break-word; font-family: verdana,Microsoft YaHei,Tahoma,sans-serif; *font-family: Microsoft YaHei,verdana,Tahoma,sans-serif; }
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc, em, del { font-style: normal; font-size: 100%; }
ul, ol, dl { list-style: none; }
._citys {box-shadow: 0 0 23px 5px rgba(83, 94, 106, 0.2);
    background: #FFFFFF; width: 450px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; }
._citys span { color: @active-color; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid @active-color; cursor: pointer; }
._citys0 { width: 100%; height: 34px; display: inline-block; border-bottom: 2px solid @active-color; padding: 0; margin: 0; }
._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
.citySel { background-color: @active-color; color: #fff !important; }
._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 13px; overflow: hidden; }
._citys1 a:hover { color: #fff; background-color: @active-color; }
.AreaS { background-color: @active-color !important; color: #fff !important; }
/************** 城市选择插件 *************/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
html, body {
    height: 100%;
    font-size: 12px;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    //letter-spacing: 1px;
}
ol,ul, li {
    list-style: none;
}
table{
    table-layout: fixed;
}

input::-webkit-input-placeholder { /* WebKit browsers */
    font-size: 10px;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 10px;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 10px;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 10px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
input[type="number"]{-moz-appearance:textfield;}
input{
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}
i, em {
    font-style: normal;
}
/* remember to define focus styles! */
:focus {
    outline: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input:focus, textarea:focus, select:focus {
    outline-offset: 0;
}
::selection {
    background: #50A4DE;
    color: #FFFFFF;
}
::-moz-selection {
    background: #50A4DE;
    color: #FFFFFF;
}
a {
    text-decoration: none;
    //color: #333333;
}
img {
    border: none;
}
.img_responsive{
    max-width: 100%;
}
.lf{
    float: left;
}
.rf{
    float: right;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
    overflow: hidden;
}
.clearfix {
    zoom: 1;
    clear: both;
}
.nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nor_wrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.justify {
    text-align: justify;
}
.break_all {
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
}
.cannot_select {
    -moz-user-select: none;/*火狐*/
    -webkit-user-select: none;/*webkit浏览器*/
    -ms-user-select: none;/*IE10*/
    user-select: none;
}
.overflow{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*The class of full screen*/
.full_width {
    width: 100%;
    //overflow: hidden;
}
/*The class of normal width*/
.normal_width {
    margin: 0 auto;
    width: @normal-width;
    //overflow: hidden;
}
.normal_font{
    font-weight:normal;
}
.bold {
    font-weight: bold;
}
.bolder {
    font-weight: bolder;
}
.underline{
    text-decoration: underline;
}
.inline_block{
    display: inline-block;
}
.block{
    display: block;
}
.loading{
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10;
}
.loading:before{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width:  100px;
    height: 100px;
    margin-top: -80px;
    margin-left: -50px;
    background: url('../img/loading.gif') no-repeat ;
    -webkit-background-size: contain;
    background-size: contain;
}
.btn{
    position: relative;
    display: inline-block;
    width: 80px;
    height: 24px;
    line-height: 24px;
    padding: 5px 10px;
    margin-right: 50px;
    text-align: center;
    -webkit-border-radius: @normal-radius;
    -moz-border-radius: @normal-radius;
    border-radius: @normal-radius;
    color: #FFFFFF !important;
}
.blue_btn{
    padding-right: 15px;
    background-color: #1DC6BC;
}
.blue_btn:hover{
    background: #0B9C94;
}
.add_btn em,.edit_btn em{
    display: inline-block;
    content: '';
    width: 22px;
    height: 22px;
    margin-right: 3px;
    margin-top: -3px;
    background-image: url("../img/operation_small_icon.png");
    background-repeat: no-repeat;
    background-position: 0 -572px;
    vertical-align: middle;
}
.edit_btn em{
    background-position: 0 -592px;
}
.orange_btn{
    background: @active-color;
}
.orange_btn:hover{
    background: #0B9C94;
}
.bg_btn{
    background: #cccccc;
}
.gray_btn{
    background: #cccccc;
}
.gray_btn:hover,.bg_btn:hover{
    background: #B4B4B4;
}
.btn_border{
    min-width: 100px;
    font-size: 14px;
}
.btn_border_orange{
    border: 1px solid @active-color;
    &:hover{
        background: @active-color;
    }
}
.btn_border_gray{
    border: 1px solid #ccc;
    &:hover{
        background: #ccc;
    }
}
.radius_50{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.orange_font{
    color: @active-color !important;
    &:hover{
        color: #fff !important;
    }
}
.gray_font{
    color: #838c96 !important;
    /*&:hover{
        color: #fff !important;
    }*/
}
.btn:last-child{
    margin-right: 0;
}
.mar_left_20{
    margin-left: 20px;
}
.pad_btm_100{
    padding-bottom: 100px;
}
.pad_btm_50{
    padding-bottom: 50px;
}
.pad_top_0{
    padding-top: 0 !important;
}
.mask{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 10;
}
.text_left{
    text-align: left !important;
}
.text_right{
    text-align : right !important;
}
.text_center{
    text-align: center !important;
}
.wrapper{
    color: @normal-color;
}
.error_msg{
    display: none;
    color: #FB2741;
    height: 20px;
    line-height: 20px;
}
.asterisk{
    color: #FB2741;
    font-size: 12px;
    margin-right: 2px;
}
.content_box {
    position: relative;
    height: auto;
    margin-top: 30px;
    padding: 10px;
    background: #f5f5f5;
    color: #535e6a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.go_top{
    position: fixed;
    bottom: 100px;
    right: 100px;
    width: 50px;
    height: 50px;
    -webkit-border-radius: @normal-radius;
    -moz-border-radius: @normal-radius;
    border-radius: @normal-radius;
    background: url("../img/go_top_icon.png") no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.5s;
    &:hover{
        background: url("../img/go_top_icon_h.png") no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
    }
}
.require_icon {
    color: #ff0000;
}
table.normal{
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    tr{
        border: 1px solid @border-color;
    }
    th {
        background: @th-bg-color;
    }
    td{
        padding: 0 2%;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}
    /*
     *  Basic end.
     */
/********* Common image css Begin *********/
.operation_small_icon{
    background: url("../img/operation_small_icon.png") 0 0 no-repeat;
}
.header_nav_icon{
    background: url("../img/header-nav-icon.png") 0 0 no-repeat;
}
.input_icon{
    background: url("../img/input-icon.png") 0 0 no-repeat;
}
.main_category{
    background: url("../img/main_category.png") 0 0 no-repeat;
}
.page_icon{
    background: url("../img/page_icon.png") 0 0 no-repeat;
}
/********* Common image css End *********/


/**********Header Begin***********/
.header{
    height: @header-height;
    line-height: @header-height;
    background: #2B3C4A;
    color: #FFFFFF;
    .header_content{
        height: inherit;
        font-size: 14px;
    }
    .logo{
        display: inline-block;
        width: 40px;
        height: 29px;
        padding: (@header-height - 29)/2 (@header-height - 40)/2;
    }
    ul{
        display: inline-block;
    }
    .header_nav{
        height: @header-height;
        margin-left: 75px;
        .nav_item{
            float: left;
            width: 96px;
            text-align: center;
            transition: 0.3s;
            position: relative;
            a{
                display: block;
                color: #FFFFFF;
            }
            &:after{
                display: block;
                content: '';
                position: absolute;
                left: 50%;
                right: 50%;
                bottom: 0;
                background: #1dc6bc;
                height: 3px;
                -webkit-transition-property: 'left, right';
                transition-property: 'left, right';
                -webkit-transition-duration: .3s;
                transition-duration: .3s;
                -webkit-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
            }
        }
        .nav_item:hover,.nav_item.active{
            background: rgba(0,0,0,.3);
        }
        .nav_item:hover a{
            color: #1dc6bc;
        }
        .nav_item:hover:after,.nav_item.active:after{
            left: 0;
            right: 0;
        }
        .nav_item.active{
            //height: @header-height - 3;
            //border-bottom: 3px solid @active-color;
            a{
                color: #1dc6bc;
            }
        }
    }
    .header_username{
        font-size: 12px;
    }
    .login{
        float: right;
        height: inherit;
        >li{
            float: left;
            height: inherit;
            >a{
                display: block;
                width: inherit;
                height: inherit;
                text-align: center;
                color: #FFFFFF;
            }
        }
        .characters{
            max-width: 45px;
            padding: 0 35px;
            position: relative;
            .character_photo{
                display: inline-block;
                position: absolute;
                left: 4px;
                top: (@header-height - 24)/2;
                //content: "";
                width: 24px;
                height: 24px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                //background: url("../img/header-nav-icon.png") no-repeat 0 0;
            }
            a{
                text-align: left;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            &:after{
                display: block;
                position: absolute;
                top: (@header-height - 6)/2;
                right: 16px;
                content: '';
                border-top: 6px solid #FFFFFF;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid transparent;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                -ms-transition: all .2s;
                -o-transition: all .2s;
                transition: all .2s;
            }
            &:hover{
                &:after{
                    transform-origin: center 3px;
                    transform: rotate(180deg);
                    -ms-transform: rotate(180deg); 	/* IE 9 */
                    -moz-transform: rotate(180deg); 	/* Firefox */
                    -webkit-transform: rotate(180deg); /* Safari 和 Chrome */
                    -o-transform: rotate(180deg);
                }
                .user_setting{
                    display: block;
                }
            }
            .user_setting{
                display: none;
                position: absolute;
                top: @header-height + 8;
                left: 6px;
                z-index: 100000;
                width: 100px;
                height: auto;
                -webkit-border-radius: @normal-radius;
                -moz-border-radius: @normal-radius;
                border-radius: @normal-radius;
                .setting_item{
                    height: 40px;
                    line-height: 40px;
                    background: #2B3C4A;
                    a{
                        display: block;
                        text-align: center;
                        color: #FFFFFF;
                    }
                    &:hover{
                        //background: rgba(0,0,0,.8);
                        a{
                            color: @active-color;
                        }

                    }

                }
                .setting_item:first-child{
                    -webkit-border-top-left-radius: @normal-radius;
                    -moz-border-top-left-radius: @normal-radius;
                    border-top-left-radius: @normal-radius;
                    -webkit-border-top-right-radius: @normal-radius;
                    -moz-border-top-right-radius: @normal-radius;
                    border-top-right-radius: @normal-radius;
                }
                .setting_item:last-child{
                    -webkit-border-bottom-left-radius: @normal-radius;
                    -moz-border-bottom-left-radius: @normal-radius;
                    border-bottom-left-radius: @normal-radius;
                    -webkit-border-bottom-right-radius: @normal-radius;
                    -moz-border-bottom-right-radius: @normal-radius;
                    border-bottom-right-radius: @normal-radius;
                }
                &:before{
                    display: block;
                    z-index: 100;
                    position: absolute;
                    top: -8px;
                    left: 36px;
                    content: '';
                    //width: 26px;
                    //height: 8px;
                    //background: url("../../static/img/message_tips_arrow.png") no-repeat center center;
                    border-bottom: 8px solid #2B3C4A;
                    border-left: 12px solid transparent;
                    border-right: 12px solid transparent;

                }
                &:after{
                    display: block;
                    z-index: 90;
                    position: absolute;
                    top: -8px;
                    left: 0;
                    content: '';
                    width: 100%;
                    height: 8px;
                    background: #FFFFFF;
                }
            }
        }
        /*.characters:hover a{
            color: @active-color;
        }*/
        .message{
            position: relative;
            width: 40px;
            .message_icon{
                display: block;
                position: relative;
                width: 28px;
                height: 30px;
                margin-top: (@header-height - 30)/2;
                background: url("../img/header-nav-icon.png") no-repeat 0 -28px;
            }
            .message_tip{
                display: none;
                z-index: 100;
                position: absolute;
                top: 66px;
                left: -76px;
                width: 180px;
                height: 26px;
                line-height: 26px;
                border: 1px solid #ffffff;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px;
                padding: 8px;
                background: rgba(83,94,106,.9);
                font-size: 14px;
                color: #ffffff;
                text-align: center;
                transition: all 0.3s;
                .count{
                    color: @active-color;
                }
                &:before{
                    display: block;
                    position: absolute;
                    top: -9px;
                    left: 72px;
                    content: '';
                    width: 34px;
                    height: 10px;
                    background: url("../../static/img/message_tips_arrow.png") no-repeat center center;
                }
            }
        }
        .message.active .message_count{
            position: absolute;
            top: 4px;
            left: 0;
            display: none;
            min-width: 10px;
            height: 12px;
            line-height: 12px;
            padding: 0 5px;
            margin-left: 40%;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
            background: @active-color;
            font-size: 10px;
            font-weight: 500;
            -webkit-text-size-adjust:none;
        }
        /*.message_icon:hover{
            background-position: 0 -54px;
        }*/
        .logout{
            width: 40px;
            .logout_icon{
                width: 27px;
                height: 29px;
                margin-top: (@header-height - 29)/2;
                background: url("../img/header-nav-icon.png") no-repeat 0 -80px;
            }
        }
        .logout_icon:hover{
            background-position: 0 -105px;
        }
    }
}
/**********Header End***********/

/**********Section Begin***********/
.section{
    position: relative;
    margin-top: 20px;
    a{
        color: @normal-color;
    }
    .slide_nav{
        float: left;
        width: @normal-width * .15;
        .slide_nav_title{
            height: 54px;
            line-height: 54px;
            padding-left: 10px;
            font-size: 14px;
            color: @normal-color;

        }
        .nav_item{
            position: relative;
            height: 50px;
            line-height: 50px;
            padding-left: 10px;
            a{
                display: block;
                color: @normal-color;
            }
        }
        .nav_item:hover a,.nav_item.active a{
            color: @active-color;
        }
        .nav_item.active{
            &:before{
                position: absolute;
                left: 0;
                top: 23px;
                display: block;
                content: '';
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: @active-color;

            }
        }
    }
    .main{
        float: right;
        width: @normal-width * .85;
        //height: 600px;
        //border: 1px solid #333;
    }
}

.main{
    .title{
        height: 54px;
        line-height: 54px;
        //padding-left: 20px;
        border-bottom: 1px solid #E4E4E4;
        .title_name{
            font-size: 12px;
            color: @title-name-color;
        }
    }
    .container{
        padding-top: 30px;
    }
}
/**********Section End***********/
/********** Tab切换部分样式 Begin ***********/
.tab{
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid @border-color;
    font-size: 14px;
    color: #2b3b4a;
    .create_btn{
        float: right;
        height: auto;
        line-height: normal;
        vertical-align: top;
        &:before{
            top: 4px;
        }
    }
}
.tab_list{
    width: 260px;
    padding-left: 15px;
    overflow: hidden;
    .tab_item{
        position: relative;
        float: left;
        width: 86px;
        height: 30px;
        line-height: 30px;
        margin-right: 20px;
        text-align: center;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        &:after{
            content: '';
            z-index: 2;
            position: absolute;
            bottom: 0;
            left: 50%;
            right: 50%;
            height: 2px;
            background: @active-color;
            -webkit-transition-property: 'left, right';
            transition-property: 'left, right';
            -webkit-transition-duration: .3s;
            transition-duration: .3s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
        }
        &:hover{
            color: @active-color;
            &:after{
                left: 0;
                right: 0;
            }
        }
    }
    .tab_item.not_out{
        margin-right: 20px;
    }
    .tab_item:hover,.tab_item.active{
        color: @active-color;
        &:after{
            left: 0;
            right: 0;
        }
    }
}
/********** Tab切换部分样式 End ***********/
/********** 筛选条件部分样式 Begin ***********/
.filtrate{
    color: @normal-color;
    //margin-top: 14px;
    .conditions_name{
        //float: left;
        margin-right: 20px;
    }
    .filtrate_box{
        //float: left;
        height: 46px;
        line-height: 46px;
    }
    .filtrate_item{
        height: 46px;
        line-height: 46px;
        margin-top: 6px;
        .conditions_item{
            float: left;
            height: 20px;
            line-height: 20px;
            padding: 0 5px;
            margin-right: 15px;
            margin-top: 13px;
            cursor: pointer;
        }
    }
    .date_conditions .conditions_item{
        margin-top: 13px;
    }
    .filtrate_audit_type,.filtrate_city{
        margin-left: 30px;
    }
    .filtrate_audit_type,.filtrate_order_status{
        margin-left: 30px;
    }
    .filtrate_audit_type,.filtrate_requestpayout_type{
        margin-left: 30px;
    }
    .filtrate_date{
        width: 190px;
        height: 28px;
        line-height: 28px;
        padding: 0 @date-right 0 10px;
        border: 1px solid #f2f2f2;
        //-webkit-border-radius: @normal-radius;
        //-moz-border-radius: @normal-radius;
        //border-radius: @normal-radius;
        color: @normal-color;
        cursor: default;

    }
    .filtrate_select{
        width:100px;
        height: 28px;
        line-height: 28px;
        padding-left: 5px;
        border:1px solid #f2f2f2;
        color: #535e6a;
    }
    .first_letter_conditions .conditions_item:not(.choose_all){
        padding: 0;
        width: 20px;
        text-align: center;
        margin-right: 5px;
    }
    .checked_first_letter{
        height: auto;
        padding-left: 80px;
        margin-top: 0;
        .letter_list{
            overflow: hidden;
            line-height: 46px;
            //padding-top: 11px;
        }
        .letter_item{
            position: relative;
            float: left;
            width: 40px;
            height: 24px;
            line-height: 24px;
            margin: 0 15px 11px 0;
            -webkit-border-radius: @normal-radius;
            -moz-border-radius: @normal-radius;
            border-radius: @normal-radius;
            text-align: center;
            color: #FFFFFF;
            background: @active-color;
            /*&:hover .remove_btn{
                display: block;
            }*/
        }
        .remove_btn{
            position: absolute;
            top: 2px;
            right: 2px;
            display: block;
            width: 10px;
            height: 10px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            background-image: url(../img/close_icon.png);
            -webkit-background-size: cover;
            background-size: cover;
            cursor: pointer;
        }
    }
    .conditions_item.active,.conditions_item:hover{
        background-color: @active-color;
        color: #FFFFFF;
    }
}
/********** 筛选条件部分样式 End ***********/

/********** 列表主分类部分样式 Begin ***********/
.operation_category{
    width: 100%;
    height: auto;
    padding-top: 20px;
    //border-bottom: 1px solid @border-color;
    overflow: hidden;
    .category_item{
        position: relative;
        float: left;
        width: 100px;
        height: 34px;
        line-height: 26px;
        padding-top: 40px;
        margin: 0 13px 10px 0;
        text-align: center;
        background: @category-bg-color;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        transition: all 0.2s;
        &:before{
            position: absolute;
            left: 31px;
            top: 4px;
            display: block;
            content: '';
            width: 34px;
            height: 34px;
            background: url("../img/main_category.png") no-repeat;
        }
    }
    .category_item:last-child{
        margin: 0 0 10px 0;
    }
    .category_item{
        &.active,&:hover{
            background: @active-color;
            color: #FFFFFF;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-shadow: 2px 4px 5px rgba(11,156,148, .5);
            -moz-box-shadow: 2px 4px 5px rgba(11,156,148, .5);
            box-shadow: 2px 4px 5px rgba(11,156,148, .5);
        }
    }
    .wait_assign{
        &:before{
            background-position: 0 0;
        }
        &.active,&:hover{
            &:before{
                background-position: -31px 0;
            }
        }
    }
    .checking{
        &:before{
            background-position: 0 -31px;
        }
        &.active,&:hover{
            &:before{
                background-position: -34px -31px;
            }
        }
    }
    .under_audit{
        &:before{
            background-position: 0 -62px;
        }
        &.active,&:hover{
            &:before{
                background-position: -34px -62px;
            }
        }
    }
    .passed{
        &:before{
            background-position: 0 -94px;
        }
        &.active,&:hover{
            &:before{
                background-position: -30px -94px;
            }
        }
    }
    .applying{
        &:before{
            background-position: 0 -129px;
        }
        &.active,&:hover{
            &:before{
                background-position: -32px -129px;
            }
        }
    }
    .apply_pass{
        &:before{
            background-position: 0 -161px;
        }
        &.active,&:hover{
            &:before{
                background-position: -31px -161px;
            }
        }
    }
    .unpass{
        &:before{
            background-position: 0 -193px;
        }
        &.active,&:hover{
            &:before{
                background-position: -32px -193px;
            }
        }
    }
    .archived{
        &:before{
            background-position: 0 -289px;
        }
        &.active,&:hover{
            &:before{
                background-position: -33px -289px;
            }
        }
    }
    .assigned{
        &:before{
            background-position: 0 -352px;
        }
        &.active,&:hover{
            &:before{
                background-position: -33px -352px;
            }
        }
    }
    .registered{
        &:before{
            background-position: 0 -383px;
        }
        &.active,&:hover{
            &:before{
                background-position: -32px -383px;
            }
        }
    }
    .wait_dispose{
        &:before{
            background-position: -1px -320px;
        }
        &.active,&:hover{
            &:before{
                background-position: -36px -320px;
            }
        }
    }
    .audit_pass{
        &:before{
            background-position: -1px -257px;
        }
        &.active,&:hover{
            &:before{
                background-position: -36px -257px;
            }
        }
    }
    .pending_audit{
        &:before{
            background-position: 0 -225px;
        }
        &.active,&:hover{
            &:before{
                background-position: -34px -225px;
            }
        }
    }
    .cashed_check{
        &:before{
            background-position: 0 -415px;
        }
        &.active,&:hover{
            &:before{
                background-position: -34px -415px;
            }
        }
    }
    .pending_pass{
        &:before{
            background-position: 0 -447px;
        }
        &.active,&:hover{
            &:before{
                background-position: -34px -447px;
            }
        }
    }
}
/********** 列表主分类部分样式 End ***********/

/********** 列表部分样式 Begin ***********/
.business_list{
    /*padding-top: 20px;*/
}
.finance_list {
    width: 100%;
    /*margin:8px;*/
    /*font-size: 14px;*/
    color: #535E6A;
    text-align: center;
    background-color: #fff;
}

.finance_list .list_item{
    .list_item_detail{

        background-color: #fafafa;
    }

}
.finance_list .list_item {
    position: relative;
    height: 160px;
    padding: 10px 0;
    /*margin-bottom: 20px;*/
    //overflow: hidden;
    .create_date{
        height: 30px;
        line-height: 30px;
        text-align: left;
        color: #808891;
        opacity: .5;
    }
    .list_item_detail{
        position: relative;
        height: 120px;
        padding: 10px 0;
        -webkit-border-radius: @normal-radius;
        -moz-border-radius: @normal-radius;
        border-radius: @normal-radius;
        cursor: pointer;
        transition: all 0.5s;
    }
    .list_item_detail:hover{
        background: #FFFFFF;
        -webkit-box-shadow: 0 4px 23px 5px rgba(83,94,106,.2), 0 2px 6px rgba(83,94,106,.15);
        -moz-box-shadow: 0 4px 23px 5px rgba(83,94,106,.2), 0 2px 6px rgba(83,94,106,.15);
        box-shadow:  0 4px 23px 5px rgba(83,94,106,.2), 0 2px 6px rgba(83,94,106,.15);
    }
}
.finance_list .list_item .user_info,
.finance_list .list_item .finance_desc {
    float: left;
}
.finance_list .list_item .user_info {
    width: 120px;
    //width: 12%;
    height: 120px;
    padding-right: 10px;
    position: relative;
}
.finance_list .list_item .user_info img,
.finance_list .list_item .user_info .lender{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ddd;
    margin: 10px auto 5px;
    text-align: center;
    line-height: 40px;
}
.finance_list .list_item .user_info .lender,
.finance_list .list_item .user_info .shake-lender{
    color:#fff;
    border: none;
}
.finance_list .list_item .user_info .lender{
    background-color: #75b32e;
}
.finance_list .list_item .user_info .shake-lender{
    background-color:#4990e2;
}
.finance_list .list_item .user_info .user_name,
.finance_list .list_item .user_info .user_position {
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    font-size: 12px;
}
.finance_list .list_item .user_info .user_position {
    line-height: 15px;
    color: #808991;
}
.finance_list .list_item .user_info:after {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    right: 0;
    height: 86px;
    border-right: 1px solid #D8D8D8;
}
.finance_list .finance_desc {
    margin-left: 30px;
    width: 82%;
}
.finance_list .finance_desc dl {
    float: left;
    height: 100px;
}

.finance_list .finance_desc dl dd {
    height: 45px;
    line-height: 45px;
    padding: 0 8px;
    font-weight: normal;
}
.finance_list .finance_desc dl dt {
    height: 55px;
    line-height: 70px;
    font-size: 12px;
    color: #808891;
}
.finance_list .finance_desc .effect_one {
    width: 20%;
}
.finance_list .finance_desc .effect_two {
    width: 16%;
}
.finance_list .operate_btn {
    height: 20px;
    line-height: 20px;
    position: relative;
}
.finance_list .operate_btn .create_date,
.finance_list .operate_btn .remark{
    display: inline-block;
    float: right;
    font-size: 12px;
    color: #808891;
    margin: 0 30px 0;
}
.finance_list .operate_btn .create_date{
    opacity: .5;
}
.finance_list .operate_btn .remark span{
    color:#1DC6BC;
}
.finance_list .operate_btn .btn_box {
    position: absolute;
    right: 28px;
    height: auto;
    line-height: normal;
    margin-top: 0;
    text-align: left;
}
/*.finance_list .btn_box .btn_item {
    position: relative;
    display: inline-block;
    padding: 5px 15px 5px 28px;
    height: 40px;
    line-height: 30px;
    margin-top: 5px;
    color: #1DC6BC;
    font-size: 12px;
    opacity: .8;
    &:before{
        position: absolute;
        display: block;
        content: '';
        width: 28px;
        height: 28px;
        left: 1px;
        top: 6px;
        background: url("../img/operation_small_icon.png") no-repeat;
    }
}
.finance_list .btn_box .btn_item:hover{
    opacity: 1;
}
.finance_list .btn_box .view_details:before{
    background-position: 0 -458px;
}
.finance_list .btn_box .assigning_task:before{
    background-position: 0 -358px;
}
.finance_list .btn_box .affirm_applay:before{
    background-position: 0 -285px;
}
.finance_list .btn_box .send_result:before{
    background-position: 0 -434px;
}
.finance_list .btn_box .affirm_applay_m:before{
    background-position: 0 -308px;
}
.finance_list .btn_box .affirm_loan:before{
    background-position: 0 -333px;
}
.finance_list .btn_box .no_pass:before{
    background-position: 0 -382px;
}
.finance_list .btn_box .operate_log:before{
    background-position: 0 -408px;
}
!*确认回款*!
.finance_list .btn_box .affirm_return_money:before{
    background-position: 0 -710px;
}
!*补全资料*!
.finance_list .btn_box .complement_datum:before{
    background-position: 0 -734px;
}*/
.font14{
    font-size: 14px;
}
.font12{
    font-size: 12px;
}
/*shake*/
.shake_box{
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
}
.shake {
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}
.shook_sign{
    background-color: #1DC6BC;
}
.agree_sign{
    background-color: #77AB3B;
}
.review_sign{
    background-color: #E39311;
}
.finance_list .list_item .user_info .name_color1{
    background: #CE89EB;
}
.finance_list .list_item .user_info .name_color2{
    background: #9EE99A;
}
.finance_list .list_item .user_info .name_color3{
    background: #5264A3;
}
.finance_list .list_item .user_info .name_color4{
    background: #75b32e;
}
.finance_list .list_item .user_info .name_color5{
    background: #4BC2F5;
}
.finance_list .list_item .user_info .name_color6{
    background: #EE838E;
}
.finance_list .list_item .user_info .name_color7{
    background: #E2D254;
}
.finance_list .list_item .user_info .name_color8{
    background: #74D0E1;
}
.finance_list .list_item .user_info .name_color9{
    background: #E98235;
}
.finance_list .list_item .user_info .name_color10{
    background: #F0578F;
}
.finance_list .list_item .user_info .name_color11{
    background: #95D051;
}
/********** 列表部分样式 End ***********/

/********** 面包屑部分样式 Begin ***********/
.crumbs_nav{
    height: @crumbs-height;
    line-height: @crumbs-height;
    border-bottom: 1px solid @border-color;
    .crumbs_item{
        position: relative;
        display: inline-block;
        height: 20px;
        line-height: 20px;
        margin-right: 15px;
        &:after{
            position: absolute;
            top: 0;
            right: -16px;
            display: block;
            content:'>';
            width: 12px;
            height: 20px;
            line-height: 20px;
            font-size: 14px;
            cursor: default;
        }
    }
    .crumbs_item{
        &:hover{
            color: @active-color;
        }
        &:after{
            color: #333;
        }
    }
    .crumbs_item:last-child,.crumbs_item.last_child{
        color: #808991;
        cursor: default;
        &:after{
            display: none;
        }
    }
}
/********** 面包屑部分样式 End ***********/

/********** 分栏部分样式 Begin ***********/
.tips_info {
    display: none;
    margin-left: 10px;
    color: red;
}
.form_options {
    position: relative;
    height: auto;
    margin-top: 30px;
    padding: 20px 0 50px 40px;
    background: @th-bg-color;
    color: @normal-color;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    .form_title{
        height: 40px;
        font-size: 14px;
        text-align: center;
    }
    .options_title{
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: @active-color;
    }
    .option_item {
        //height: 60px;
        line-height: 60px;
        overflow: hidden;
        .require_icon {
            color: rgb(255, 0, 0);
        }
        .tips_info {
            display: none;
            margin-left: 10px;
            color: red;
        }
        input[type='text'],input[type='number']{
            width: 260px;
            height: 30px;
            border: 1px solid #e4e4e4;
            padding: 0 15px;
        }
        select{
            width:292px;
            height: 30px;
            border: 1px solid #e4e4e4;
            padding: 0 15px;
            color: @normal-color;
        }
        select.level{
            width: 135px;
            margin-right: 20px;
            &:last-child{
                margin-right: 20px;
            }
        }
        .text{
            padding: 0 10px 0 0;
        }
        textarea{
            display: block;
            width: 80%;
        }
    }
    .btn_item{
        text-align: right;
    }
    .column_option_item{
        display: inline-block;
        width: 38%;
        .column_name{
            width: 40%;
        }
        .column_val{
            width: 60%;
        }
    }
    .column_justify{
        display: inline-block;
        width: 48%;
        margin-top: 10px;
    }
    .lang_text{
        line-height: 20px;
        padding-top: 20px;
    }
    .column_name,.column_val{
        float: left;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .column_name{
        width: 15%;
        padding-right: 10px;
        text-align: right;
    }
    .column_val{
        width: 85%;
        padding-left: 20px;
    }
    .form_group{
        display: inline-block;
        margin-right: 30px;
        user-select: none;
    }
    table{
        width: 96%;
        border-collapse: collapse;
        background: #fff;
        tr{
            height: 50px;
            border: 1px solid @border-color;
            text-align: center;
        }
        td{
            padding: 0 10px;
            vertical-align: middle;
            border: 1px solid @border-color;
        }
        thead td{
            font-size: 14px;
        }
    }
}
.btn_box.text_left{
    margin-top: 20px;
    text-align: left;
    padding-left: 14%;
}
/*文本分栏样式*/
.row_item{
    min-height: 60px;
    padding: 5px 0;
    .row_title,.row_val{
        float: left;
        display: inline-block;
    }
    .row_title{
        width: 80px;
        vertical-align: middle;
    }
    .row_val{

    }
}

/********** 分栏部分样式 End ***********/

/********** checkbox重构部分 Begin ***********/
.mar6{
    margin-left: 6px;
}
input[type='checkbox']{
    display: none;
}
input[type='checkbox'] + label{
    position: relative;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding-left: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    &:before{
        position: absolute;
        top:-2px;
        left:0;
        display: block;
        content:'';
        width: 18px;
        height: 18px;
        background: url('../img/input-icon.png') no-repeat 0 0;
        vertical-align: middle;
    }


}

input[type='checkbox'] + label.check{
    &:before{
        background-position: 0 -100px;
    }
}
input[type='checkbox'] + label.checked{
    &:before{
        background-position: 0 -16px;
    }
}
/********** checkbox重构部分 End ***********/

/********** 操作按钮部分样式 Begin **********/
.btn_box{
    height: 80px;
    line-height: 80px;
    margin-top: 40px;
    text-align: center;
    .confirm{
        margin-right: 30px;
    }
}
.detail_btn_box{
    height: 20px;
    line-height: 20px;
    padding: 0 15px;
}
.section .detail_title_btn{
    position: relative;
    padding: 2px 10px 2px 30px;
    color: @active-color;
}
.section .detail_title_btn:hover{
    color: @font-hover-color !important;
}
.detail_title_btn.create_btn,.detail_title_btn.edit_btn, .detail_title_btn.delete_btn,.detail_title_btn.send_btn{
    &:before{
        content: '';
        position: absolute;
        top: 3px;
        left: 10px;
        display: block;
        width: 15px;
        height: 15px;
        background: url("../img/operation_small_icon.png") no-repeat;
        overflow: hidden;
    }
}
.detail_title_btn.create_btn:before{
    background-position: -4px -270px;
}
.detail_title_btn.create_btn:hover:before{
    background-position: -23px -270px;
}
.detail_title_btn.edit_btn:before{
    background-position: -4px -175px;
}
.detail_title_btn.edit_btn:hover:before{
    background-position: -23px -175px;
}
.detail_title_btn.delete_btn:before{
    background-position: -4px -289px;
}
.detail_title_btn.delete_btn:hover:before{
    background-position: -23px -289px;
}
.detail_title_btn.send_btn:before{
    background-position: -4px -556px;
}
.detail_title_btn.send_btn:hover:before{
    background-position: -4px -536px;
}
.download_btn{
    &:before{
        content: '';
        position: absolute;
        top: 2.5px;
        left: 10px;
        display: block;
        width: 15px;
        height: 15px;
        background: url("../img/operation_small_icon.png") no-repeat;
        overflow: hidden;
    }
}
.download_btn:before{
    background-position: -4px -251px;
}
.download_btn:hover:before{
    background-position: -23px -251px;
}
/********** 操作按钮部分样式 End **********/

/********** 分页样式 Begin **********/
.page_box{
    position: relative;
    width: 100%;
    height: 100px;
    line-height: 100px;
    margin-top: 20px;
    text-align: center;
    .page_list{
        display: inline-block;
        margin: 0 auto;
        overflow: hidden;
        .page_item{
            float: left;
            width: 28px;
            height: 28px;
            line-height: 28px;
            margin-right: 10px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            border: 1px solid @page-border;
            color: @page-font-color;
            >a{
                display: block;
                color: @page-font-color;
            }
        }
        .home_page,.last_page{
            width: 46px;
        }
        .home_page,.last_page,.prev_page,.next_page,.page_item{
            &.disabled{
                background: @page-border;
                >a{
                    color: #FFFFFF;
                }
            }

            &.active,&:hover{
                background: @page-active;
                border-color: @page-active;
                >a{
                    color: #FFFFFF;
                }
            }
            &.disabled:hover,&.disabled.active{
                background: @page-border;
                border-color: @page-border;
                cursor: text;
                >a{
                    color: #FFFFFF;
                    cursor: text;
                }
            }
        }
        .prev_page,.next_page{
            position: relative;
            width: 60px;
            padding-left: 10px;
            background-color: transparent;
            &:before{
                position: absolute;
                top: 6px;

                display: block;
                content: '';
                width: 13px;
                height: 17px;
                background: url(../img/page_icon.png) no-repeat;
            }
        }
        .prev_page{
            margin-right: 20px;
            &:before{
                left: 6px;
                background-position: 0 -13px;
            }
            &.disabled:before,&:hover:before{
                background-position: 0 0;
            }
        }
        .next_page{
            margin-left: 10px;
            padding: 0 10px 0 0;
            &:before{
                right: 6px;
                background-position: 0 -39px;
            }
            &.disabled:before,&:hover:before{
                background-position: 0 -26px;
            }
        }
    }
}
/********** 分页样式 End **********/

/********** 空数据样式 Begin **********/
.empty{
    width: 100%;
    text-align: center;
    color: #535e6a;
    opacity: .5;
    font-size: 14px;
    height: 170px;
    line-height: 170px;
}

/********** 空数据样式 end **********/

/********** 操作记录样式 Begin **********/
.operate_logs {
    max-height: 600px;
    margin:20px 0 100px;
    padding-bottom: 40px;
    border: 1px solid @border-color;
    color: #535e6a;
    overflow: hidden;
    /*定义滚动条轨道 内阴影+圆角*/
    /*定义滑块 内阴影+圆角*/
    .log_list {
        max-height: 518px;
        overflow-y: scroll;
        padding-left:24px;
        margin: 40px 0;
        .list_item {
            border-left: 1px solid #CCCCCC;
            padding: 8px  0 40px 50px;
            position: relative;
            height:auto;
            .log_item_info {
                position: relative;
                margin-top: -8px;
                display: inline-block;
                height: 28px;
                line-height: 28px;
                padding-left: 10px;
                padding-right: 20px;
                font-size:12px;
                letter-spacing: 1px;
                :before {
                    content: "";
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                    background: #fff;
                    background-size: cover;
                    position: absolute;
                    left: -65px;
                    top: -2px;
                    z-index: 10;
                }
                &:after {
                    content: "";
                    display: inline-block;
                    width: 14px;
                    height: 14px;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                    background: #dadada;
                    position: absolute;
                    left: -57px;
                    top: 7px;
                    z-index: 20;
                }
                .audit_img{
                    padding-top: 5px;
                    height: 60px;
                    line-height: 60px;
                    a{
                        display: inline-block;
                        width: 60px;
                        height: 45px;
                        line-height:45px;
                        background: rgba(0,0,0,.8);
                        margin-right: 30px;
                        overflow: hidden;
                        img{
                            vertical-align: middle;
                        }
                        &:last-child{
                            margin-right: 0;
                        }
                    }
                }
            }
        }
        .list_item.current_audit_p{
            color: #1DC6BC;
            .log_item_info:after{
                background: #1DC6BC;
                -webkit-box-shadow: 0 0 8px #1DC6BC;
                -moz-box-shadow: 0 0 8px #1DC6BC;
                box-shadow: 0 0 8px #1DC6BC;
            }
        }
        &::-webkit-scrollbar {
            width: 8px;
            height: 8px;
            background-color: #fff;
        }
        /*定义滚动条轨道 内阴影+圆角*/
        &::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px #fff;
            border-radius: 10px;
            background-color: #fff;
        }
        /*定义滑块 内阴影+圆角*/
        &::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px #fff;
            background-color: #f1f1f1;
        }
    }
    .log_list .list_item .log_item_info,
    .log_list .list_item:last-child {
        border: none;
    }
    .log_list .list_item:nth-child(even) .log_item_info:after {
        background-position: -4px -115px;
    }

}
/********** 操作记录样式 End **********/
/********** 表单组样式 Begin **********/
.form_row{
    //height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    .column_l,.column_r{
        display: inline-block;
    }
    .column_l{
        width: 7%;
        padding-right:3%;
        text-align: right;
        vertical-align: top;
    }
    .column_r{
        width: 84%;
    }
    select{
        height: 30px;
        width: 200px;
        padding: 4px;
        color: @normal-color;
        border: 1px solid @border-color;
    }
    input[type="text"],input[type='number'],input[type='tel']{
        width: 260px;
        height: 30px;
        border: 1px solid @border-color;
        padding: 0 15px;
    }


}
.img_upload{
    //line-height:40px;
    padding-left: 10%;
    .img_upload_layer{
        position: relative;
        display: inline-block;
        height: 20px;
        line-height: 20px;
        padding-left: 20px;
        cursor: pointer;
        &:before{
            display: block;
            position: absolute;
            left: 2px;
            top: 2px;
            content: '';
            width: 17px;
            height: 17px;
            background: url("../img/upload_icon.png") no-repeat;
        }
        &:hover{
            color: @active-color;
            &:before{
                background: url("../img/upload_icon_h.png") no-repeat;
            }
        }
        .text_tip{
            color: #808891;
        }
    }
    .img_upload_layer.disabled{
        &:hover{
            color: @normal-color;
            cursor: default;
            &:before{
                background: url("../img/upload_icon.png") no-repeat;
            }
        }
    }
    .img_box{
        /*height: 60px;
        line-height: 60px;*/
        padding-top: 10px;
    }
    .img_item{
        position: relative;
        display: inline-block;
        width: 160px;
        padding: 10px 10px 0 0;
        img,span{
            display: inline-block;
            float: left;
        }
        span{
            width: 100px;
            background-color: #fafafa;
            padding: 0 5px;
        }
        img{
            width: 40px;
            height: 40px;
            vertical-align: middle;
        }
        .img_name,.img_size{
            height: 20px;
            line-height: 20px;
        }
        .remove_mask{
            display: none;
            position: absolute;
            right: 10px;
            width: 120px;
            height: 40px;
            background: rgba(0,0,0,.4);
            transition: all 1s;
            .remove_btn{
                position: absolute;
                top: 15px;
                right: 10px;
                width: 10px;
                height: 10px;
                background: url("../img/remove_icon.png") no-repeat;
                cursor: pointer;
            }
        }
    }/*
    .img_item:last-child{
        padding-right: 0;
    }*/
    .img_item{
        &:hover .remove_mask{
            display: block;
        }
    }
}
/*文件上传 Begin*/
.file_upload{
    //line-height:40px;
    padding-left: 10%;
    .file_upload_layer{
        position: relative;
        display: inline-block;
        height: 20px;
        line-height: 20px;
        padding-left: 20px;
        cursor: pointer;
        &:before{
            display: block;
            position: absolute;
            left: 2px;
            top: 2px;
            content: '';
            width: 17px;
            height: 17px;
            background: url("../img/upload_icon.png") no-repeat;
        }
        .text{
            color: @active-color;
        }
        &:hover{
            color: @active-color;
            &:before{
                background: url("../img/upload_icon_h.png") no-repeat;
            }
            .text{
                color: @font-hover-color;
            }
        }
        .text_tip{
            color: #808891;
        }
    }
    .file_upload_layer.disabled{
        &:hover{
            color: @normal-color;
            cursor: default;
            &:before{
                background: url("../img/upload_icon.png") no-repeat;
            }
        }
    }
    .file_box{
        /*height: 60px;
        line-height: 60px;*/
        padding-top: 10px;
    }
    .file_item{
        position: relative;
        display: inline-block;
        width: 160px;
        padding: 10px 10px 0 0;
        img,span{
            display: inline-block;
            float: left;
        }
        span{
            width: 100px;
            background-color: #fafafa;
            padding: 0 5px;
        }
        img{
            width: 40px;
            height: 40px;
            vertical-align: middle;
        }
        .file_name,.file_size{
            height: 20px;
            line-height: 20px;
        }
        .remove_mask{
            display: none;
            position: absolute;
            right: 10px;
            width: 120px;
            height: 40px;
            background: rgba(0,0,0,.4);
            transition: all 1s;
            .remove_btn{
                position: absolute;
                top: 15px;
                right: 10px;
                width: 10px;
                height: 10px;
                background: url("../img/remove_icon.png") no-repeat;
                cursor: pointer;
            }
        }
    }/*
    .file_item:last-child{
        padding-right: 0;
    }*/
    .file_item{
        &:hover .remove_mask{
            display: block;
        }
    }
}
/*文件上传 End*/
.form_row.textarea_container{
    height: auto;
    line-height: 20px;
}
textarea{
    width: 100%;
    vertical-align: top;
    min-height: 86px;
    padding: 9px;
    border: 1px solid @border-color;
    resize: none;
    overflow-y: hidden;
    /*border-radius: @normal-radius;*/
}
.drop_down{
    max-height: 64px;
    overflow: hidden;
    position: relative;
    .down_icon{
        position:  absolute;
        top: 10px;
        right: 15px;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #fafafa;
        -webkit-box-shadow:  0 0 4px rgba(0,0,0,0.5),0 0 4px rgba(0,0,0,0.3);
        -moz-box-shadow:  0 0 4px rgba(0,0,0,0.5),0 0 4px rgba(0,0,0,0.3);
        box-shadow:  0 0 4px rgba(0,0,0,0.5),0 0 4px rgba(0,0,0,0.3);
    }
}
/********** 表单组样式 End **********/
/********** 模块框架部分 Begin **********/
.modules{
    width: 100%;
    height: auto;
    border: 1px solid @border-color;
    .modules_title{
        position: relative;
        height: 50px;
        line-height: 50px;
        padding-left: 20px;
        border-bottom: 1px solid @border-color;
        background-color: @th-bg-color;
        font-size: 14px;
        font-weight: bold;
        &:before{
            content: '';
            display: block;
            position: absolute;
            top: 16px;
            left: 8px;
            height: 18px;
            border-left: 4px solid @active-color;
        }
        .btn_box{
            float: right;
            height: 30px;
            line-height: 30px;
            margin: 10px 0 0;
            font-size: 12px;
            font-weight: normal;
        }
    }
}
/******** 模块框架部分 End *********/
/******** 财务已回款标记页面 Begin *********/
.cashed_mark{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0 0 0;
    .btn_box{
        text-align: left;
        padding-left: 10%;
        margin-top: 20px;
    }
    .is_return_msg{
        margin-left: 15px;
        font-size: 12px;
    }
}
/******** 财务已回款标记页面 End *********/
/************ 无数据及新建按钮 Begin **********/
.no_list_data{
    margin-top: 100px;
    text-align: center;
    .toast_text{
        height: 60px;
        line-height: 60px;
        color: #c7c7c7;
        font-size: 14px;
    }
    .new_btn_box{
        height: 80px;
        line-height:80px;
        text-align: center;
    }
}
.new_btn_box,.operate_btn_box{
    height: 70px;
    line-height: 70px;
    text-align: right;
    //padding-bottom: 30px;
    .add_btn{
        width: 85px;
        height: 20px;
        line-height: 20px;
    }
    .edit_btn{
        width: 85px;
        height: 20px;
        line-height: 20px;
    }
}
/************ 无数据及新建按钮 Begin **********/









